<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="shapes.js"></script>
<link rel="stylesheet" type="text/css" href="shapes.css" />
<script type="text/javascript">
	Event.observe(window, 'load', function() {
		Console.init();
		Global.bind(document, document.documentElement);
	});
</script>
</head>
<body>
	Hello!
	<form method="post" enctype="base64" action="login">
		<table>
			<tr>
				<td>username</td>
				<td><input name="username" style="width: 100%" /></td>
			</tr>
			<tr>
				<td>password</td>
				<td><input name="password" type="password" style="width: 100%" /></td>
			</tr>
			<tfoot>
				<tr>
					<td colspan="2" align="right"><input name="submit" type="submit" value="login" /></td>
				</tr>
			</tfoot>
		</table>
	</form>

	<table style="width: 100%">
		<tr>
			<td style="width: 50%"><iframe id="1" class="frame" frameborder="1" marginwidth="8" marginheight="8"
					src="content.html"> </iframe></td>
			<td style="width: 50%"><iframe id="2" class="frame" frameborder="1" marginwidth="8" marginheight="8"
					src="content.html"> </iframe></td>
		</tr>
	</table>

	<div id="console" class="console"></div>
</body>
</html>
